html,body{ width: 100%; height: 100%; background-color: #F0F5FD; }
/* 时间样式 */
#layui-laydate1 .layui-this, #layui-laydate1 .laydate-selected:hover{
    background-color: #478EEB !important;
    color: #fff!important;
}
#layui-laydate1 .layui-laydate-content td.laydate-selected{
    background-color: #D2D7F3;
}
.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
    background-color: #f8f8f8 !important;
}
#layui-laydate2.layui-laydate .layui-this,#layui-laydate3.layui-laydate .layui-this{
    background-color: #478EEB!important;
    color: #fff!important;
}
.layui-laydate-footer span:hover,.layui-laydate-footer span[lay-type=date]{ color: #478EEB !important; }
/* /时间样式 */
/* 表单样式 */
/* 单选框 */
.layui-form-radio{ margin: 0 10px 0 0; }
.layui-form-radio > i{ font-size: 16px; color: #323232; }
.layui-form-radio > i:hover, .layui-form-radioed > i { color: #478EEB; }

.layui-form-checkbox[lay-skin=primary]{ padding-left: 0; }
.layui-form-checkbox[lay-skin=primary] span{
	padding-left: 15px;
	padding-right: 15px;
	line-height: 18px;
	background: 0 0;
	color: #323232;
}
.layui-form-checkbox[lay-skin=primary] i{ width: 16px; height: 16px; line-height: 16px; }
.layui-form-checked[lay-skin=primary] i {
    border-color: #478EEB!important;
    background-color: #478EEB;
    color: #fff;
}
.layui-form-checkbox[lay-skin=primary]:hover i {
	border-color: #478EEB;
	color: #fff
}


/* .layui-form-checked span,.layui-form-checked:hover span{ background-color: #478EEB; }
.layui-form-checked,.layui-form-checked:hover{ border-color: #478EEB; }
.layui-form-checked i,.layui-form-checked:hover i{ color: #478EEB; } */


.form-style input, .form-style select, .form-style textarea{
	width: 100%;
	height: 32px;
	line-height: 32px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 0 10px;
	outline: none;
	display: block;
}
.form-style textarea{ height: auto; }
.form-select-img{
	background: url(../img/form_select.png) no-repeat right 10px center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.form-input-time{
	background: url(../img/form_input_time.png) no-repeat right 10px center;
}
.form-input-time1{
	background: url(../img/icon_time.png) no-repeat right 10px center;
}

/* 表格操作按钮样式 */
.table-list-btn{ color:#eee ; }
.table-list-btn span{ margin: 0 10px; }

/* 提交按钮样式 */
.btn-con span{ cursor: pointer; display: inline-block; border-radius: 4px; margin: 0 20px; padding: 0 25px; box-sizing: border-box; }
.btn-cancel,.btn-return,.btn-reset{ background-color: #fafafa; border:1px solid #ddd; color:#666 }
.btn-submit,.btn-compile{ background: #478EEB; color: #fff; }	
.btn-delete,.btn-search{ background-color: #478EEB; color: #fff;  }
.btn-inquire{ border:1px solid #478EEB; color:#478EEB }
.btn-inquire-ddd{ border:1px solid #ddd; }
.btn-reset{ color: #333; }
.btn-con-margin span{ margin: 0 0 0 16px }

/* 商铺列表-列表 */
.layui-layout-admin .layui-body{ bottom: 0; top: 60px; left: 240px; right: 0; overflow: hidden; background: #F7FAF8; }
.layui-body{ left: 0; top: 0; }
.layui-body-pb60px{ top: 0; bottom: 60px; left: 0; right: 0;  }
.scroll-box{ position: absolute; top: 16px; bottom: 16px; left: 16px; right: 16px; overflow: hidden; }
.scroll-box-con{ min-width: 1100px; height: 100%; margin-right: -20px; overflow-y: scroll; }
.crumbs-nav span{ position: relative; cursor: pointer; padding-left: 15px; color: #999; font-size: 14px; }
.crumbs-nav span::after{ 
	content: '>';
	display: block;
	position: absolute;
	left: 0; 
	top:0;
	line-height:20px;
}
.crumbs-nav span:first-child{ padding: 0; }
.crumbs-nav span:first-child::after{ display: none; }
.crumbs-nav span.current{ color: #333; }
.layui-box-con{ position: absolute; left: 16px; right: 16px; top: 48px; bottom: 16px;  }

.layui-left-con{ position: absolute; left: 0; top: 0; bottom: 0; width: 220px;z-index: 2; }
.layui-right-con{ position: absolute; left: 236px; right: 0; top: 0; bottom: 0; overflow: hidden; box-sizing: border-box; }
.layui-left-con > div,.layui-right-con > div{ height: 100%; overflow: hidden;  }
.layui-right-con > div{ height: 100%; margin-right: -20px; overflow: hidden; overflow-y: scroll; }

.new-data-btn span{ display: inline-block; padding: 0 16px; } 
.new-data-btn span img{ vertical-align: -1px; margin-right: 8px; }

.more-date ul{ border: 1px solid #eee; border-radius: 4px; }
.more-date li{ display: flex; line-height: 44px; border-bottom: 1px solid #eee;  }
.more-date li:last-child{ border: 0; }
.more-date li:first-child div:nth-child(1){ border-top-left-radius: 4px; }
.more-date li:first-child div:nth-child(2){ border-top-right-radius: 4px; }
.more-date li:last-child div:nth-child(1){ border-bottom-left-radius: 4px; }
.more-date li:last-child div:nth-child(2){ border-bottom-right-radius: 4px; }
.more-date li div:nth-child(1){ padding-left: 10px; width: 80px; background: #ECF4FD; font-weight:600 }
.more-date li div:nth-child(2){ flex: 1; overflow: hidden; }
.more-date li div:nth-child(2) p{ cursor: pointer; float: left; margin:0 15px; }
.more-cur{ overflow: hidden; }
.more-cur span{ cursor: pointer; float: left; margin:0 20px 0 0; }
.more-cur .current{ color: #4188E9; }

/* 商铺列表-编辑商铺-商铺详情 */
.layui-tab-title li{ width: 110px; padding: 0; border:1px solid #eee; border-bottom: 0; border-radius: 4px 4px 0 0; margin-right: 16px; height: 38px; background-color: #fff;  }
.layui-tab-title, .layui-tab-title .layui-this:after{
    border-color: #eee;
}
.layui-tab-title .layui-this{ color: #4188E9; border-color: #eee; }
.layui-tab-title .layui-this:after{
	height: 40px;
    border:0;
	border-bottom: 1px solid #fff;
	border-radius: 4px 4px 0 0;
}

.title-border{ position: relative; padding-left: 10px; }
.title-border::after{ 
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 1px;
	bottom: 1px;
	border-left: 3px solid #4188E9;
}
.add-mess-child{ margin-bottom: 16px; line-height: 32px; }
.add-mess-child > div:nth-child(1){ width: 85px; position:absolute; left: 0; text-align: right; }

.add-mess-child > p,.add-mess-filejs{ margin-left: 85px; width: 350px; }
.add-mess-child > p.one{ width: 110px; }
.add-mess-child > p.two{ width: 220px; }
.add-mess-child > p.three{ width: 330px; }
.add-mess-child > p.four{ width: 440px; }
.add-mess-child > p.five{ width: 550px; }
.add-mess-child > p.six{ width: 660px; }
.add-mess-child{ overflow: visible; position: relative; }
.add-mess-child::after{
	content: '';
	display: block;
	clear: both;
}
.add-mess-child .area::after{ 
	content: 'm²';
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
}

.add-mess-child .form-content span{ cursor: pointer; float: left; width: 100px; line-height: 30px; text-align: center; border: 1px solid #ddd; border-radius:4px; margin-right: 16px; }
.add-mess-child .form-content span.current{ color: #fff; background-color: #4188E9; border: 1px solid #4188E9; }
.add-mess-filejs{ width: auto;}
.add-mess-filejs li{ float: left;margin: 5px 15px 10px 0; position: relative; }
.add-mess-filejs span,.add-mess-filejs em{ display: block; }
.add-mess-filejs span img{ width: 160px; height: 104px; border-radius: 8px; }
.add-mess-filejs em{ position: absolute; right: -5px; top: -5px; line-height: 15px; }
.add-mess-filejs .hidden{ display: none; }

/* 商铺列表-查看商铺-商铺产权 */

.form-box{ display: flex; flex-wrap: wrap; }
.form-box ul{ width: 40%; }
.form-box ul{ margin: 5px 0; box-sizing: border-box; line-height: 32px; position: relative; }
.form-box .form-title{ 
	position: absolute;
	top: 0;
	left: 0;	
	width:70px;
	text-align: right;
}
.form-box .form-content{ padding:0 0 0 72px; }
.rectify-img{ position: absolute; right: 40px; top: -1px; }
.rectify-img p{ margin-left: 16px; width: 42px; position: relative; font-size: 12px; }
.rectify-img span{ position: absolute; top: 7px; left: 0; right: 0; text-align: center; }

/* 证照管理-商铺详情 */
.label-span{ overflow: hidden; }
.label-span span{ float: left; margin-right: 10px; padding: 0 10px; background: rgba(65, 136, 233, 0.2); border-radius: 4px; font-size: 12px; text-align: center; }

/* 商铺列表-查看商铺-违法违规-全部 */
.enforce-top .one p:nth-child(2) input{ width: 250px; border-radius: 4px 0 0 4px; border-right: 0; }
.enforce-top .one p:nth-child(2) span{ border-radius: 0 4px 4px 0; padding: 0 10px; }
.enforce-top .two p{ margin-left: 20px; }
.enforce-top .two p img{ margin-right: 5px; }

.layui-tab-all .layui-tab-title{ display: inline-block; border-radius: 4px 4px 0px 0px; height: 40px; line-height: 40px; border: 1px solid #eee; border-bottom: 0; }
.layui-tab-all .layui-tab-title li{ position: relative; width: 125px; padding: 0; margin: 0; border: 0; border-radius: 0; }
.layui-tab-all .layui-tab-title li:first-child{ border-radius: 4px 0 0 0; }
.layui-tab-all .layui-tab-title li:last-child{ border-radius: 0 4px 0 0; }
.layui-tab-all .layui-tab-title li::after{ 
	content: '';
	display: block;
	border-right: 1px solid #eee;
	position: absolute;
	right: 0;
	top: 10px;
	bottom: 10px;
}
.layui-tab-all .layui-tab-title li:last-child::after{ display: none; }
/* .layui-tab-all .layui-tab-title, .layui-tab-title .layui-this:after{
    border-color: #eee;
} */
.layui-tab-all .layui-tab-title .layui-this{ height: 40px; color: #fff; background-color: #4188E9; }
.layui-tab-all .layui-tab-title .layui-this span{ color: #fff; }
.layui-tab-all .layui-tab-title .layui-this:after{
	border: 0;
}
/* .layui-form{ margin: 0; } */

/* 表格 */
.layui-table-body{ overflow: hidden; }
.layui-table-view .layui-table{ width: 100%; }
.layui-table-view .layui-table td, .layui-table-view .layui-table th{ padding: 0; }
.layui-table-cell{ height: 54px; line-height: 54px; }
.layui-table, .layui-table-view{ border: 0; }
.layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main{ border: none; }
.layui-table th,.layui-table td{ text-align: center; color: #333; border: 0;  padding: 0 15px; line-height: 48px; }
.layui-table td{ border-bottom: 1px solid #eee; }
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) { background-color: transparent; }
.layui-table-header th{ background: #F0F6FE; font-weight: 600; }
.layui-table tr:nth-child(even) td{ background: rgba(65, 136, 233, 0.04); }
.layui-table-box{ border-radius: 4px 4px 0px 0px; border: 1px solid #eee; }
.table-right .layui-table-view .layui-table th:last-child{ padding-left: 15px; }
.table-right .layui-table-view .layui-table td:last-child,.table-right  .layui-table-view .layui-table th:last-child{ text-align: left; }

/* 基础数据-经营状态 */
.label-nav-con div{ line-height: 60px; color: #666; }
.label-nav-con div img{ vertical-align: -7px; margin: 0 10px 0 24px;}
.label-nav-con li{ cursor: pointer; }
.label-nav-con li.current{ background-color: #4188E9; color: #fff; }



